基于ECharts2+百度地图实现的个人位置移动轨迹可视化实例

项目描述

本项目利用了百度前端技术团队开发ECharts2.0来进行轨迹的可视化，同时提供了不同地图下任意位置点的经纬度坐标的获取方法（在后边的注意事项内），加载百度地图的方法等一系列的教程，供大家下载学习。

运行环境

jdk7+tomcat7+IntelliJ IDEA+maven

项目技术(必填)

echarts2+jquery+jsp

数据库文件

无

jar包文件

servlet-api-2.4.jar

是否原创(转载必填原文地址)

原创

项目截图(必填)

运行截图(必填)

注意事项

以上的底图使用的是百度地图，如果要加载百度地图需要自己申请一个ak（密钥），只需要一个百度帐号就可以实现，申请成功后需要将访问应用（AK）下的一段字符串替换到index.jsp文件中的如下的代码段，具体如下图所示：

1.百度密钥申请及使用参考以下文章：

https://blog.csdn.net/idomyway/article/details/79718526

个人建议，直接参考官网文档即可，速度较快

2.替换自己的ak（注意：一定要替换自己的ak，不然是加载不出来的）

申请了自己的ak后需要将自己的ak字符串来替换index.jsp 中以下代码段：

3.如果想做自己的轨迹，需要有地图上的经纬度的坐标，可以在这个网站上直接获取

经纬度坐标获取地址：http://www.gpsspg.com/maps.htm

操作过程中注意，如果不想进行坐标转换，请选择百度地图在进行坐标的拾取，直接在地图上点击后即可弹出某一点的经纬度坐标值，直接赋值用就行，如下图所示：